"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = SpinExample;

var _react = _interopRequireDefault(require("react"));

var _design = require("@discuzq/design");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function SpinExample() {
  var pageStyle = {
    display: 'flex',
    alignItems: 'center',
    gap: '50px',
    height: 200
  };
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "page",
    style: pageStyle
  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_design.Spin, {
    size: "25px",
    color: "#8590A6"
  })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_design.Spin, {
    size: "30px",
    type: "spinner",
    color: "#8590A6"
  })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_design.Spin, {
    size: "50px",
    type: "spinner",
    color: "#8590A6"
  })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_design.Spin, {
    size: "80px",
    type: "spinner",
    color: "#8590A6"
  })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_design.Spin, {
    size: "90px",
    type: "spinner",
    color: "#8590A6"
  })));
}